<template>
	<view class="box">
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>

		<!-- 头部 -->
		<view class="header">
			<!-- 遮罩层 -->
			<view :class="['mask', storeListShow ? 'mask-show' : 'mask-hide']" @touchstart="clickMask()"></view>
			<!-- 企业/店铺信息 -->
			<view class="header-section">
				<!-- 企业/店铺信息 -->
				<view class="store-box">
					<view class="store-info flex flex-ac-c" @click="storeListDown()">
						<view class="info-box">
							<view class="store-name">
								<text class="text">{{
                  store.storeName ? store.storeName : store.companyName
                }}</text>
								<i-icon icon="iconshouye-zhankai_2" color="#000"></i-icon>
							</view>
							<!-- <view class="com-name">{{ store.companyName }}</view> -->
						</view>
					</view>

					<view :class="['store-list', storeListShow ? 'store-list-down' : '']">
						<view class="list">
							<block v-for="(item, i) in list" :key="i">
								<view class="item flex flex-ac-c" @click="EnterCompany(item,i)">
									<view class="info-box">
										<view class="store-name">
											<text class="text">{{
                        item.storename ? item.storename : item.companyname
                      }}</text>
											<i-icon icon="iconbao_1" color="#eb5c02"></i-icon>
										</view>
										<!-- <view class="com-name">{{ item.companyName }}</view> -->
									</view>
								</view>
							</block>
						</view>

						<view class="btn">
							<u-button type="primary" shape="circle" size="default" :custom-style="bgc"
								hover-class="btn-bgcolor-hover" @click="
                  createCompany('/pages_login/register/register?type=add')
                ">
								<!-- <u-button type="primary" shape="circle" size="default" :custom-style='bgc' @click="createCompany"> -->
								<view class="flex flex-ai-c">
									<view style="margin-right: 10rpx" class="flex">
										<i-icon icon="icontianjia" size="40rpx" color="rgb(223,199,60)"></i-icon>
									</view>
									<view style="color: rgb(223, 199, 60)">创建企业</view>
								</view>
							</u-button>
						</view>
					</view>
				</view>
			</view>

			<!-- icon -->
			<view class="menu flex flex-jc-sa">
				<view v-for="(item, index) in typeMenu" :key="index" class="menu-icon" @click="onScan(index)">
					<!-- <u-icon name="chat-fill" size="70"></u-icon> -->
					<i-icon :icon="item.icon" size="58rpx" type="multiple" style="font-weight: bold"></i-icon>
					<view>{{ item.text }}</view>
				</view>
			</view>
		</view>

		<view class="card-container">
			<!-- 门店收益 -->
			<view class="card" v-if="role === 2">
				<view class="card-dw">
					<view class="card-title flex flex-jc-sb">
						<view class="title">门店收益</view>
						<view class="right-link" @click="goPage('/pages_common/pages_index/daily/daily')">
							<text class="font-26 color-999 mr-10">经营日报</text>
							<u-icon name="arrow-right" color="#999" size="26"></u-icon>
						</view>
					</view>
					<view class="md-server">
						<view>
							<text class="price">{{ profit.earnings }}</text>
							<text class="text">昨日收益(元)</text>
						</view>
						<view>
							<text class="price">{{ profit.orderCount }}</text>
							<text class="text">今日订单</text>
						</view>
						<view>
							<text class="price">{{ profit.balance }}</text>
							<text class="text">余额(元)</text>
						</view>
					</view>
				</view>
			</view>

			<!-- 门店经营 -->
			<view class="card server">
				<view class="card-title flex flex-jc-sb">
					<view class="title">门店经营</view>
				</view>
				<view class="flex flex-ai-c card-menu">
					<view @click="
              goPage('/pages_afterSales/arrivalRecordList/arrivalRecordList')
            " style="width: 20%; position: relative">
						<view class="cas" v-if="number.arrive_order_count">{{
              number.arrive_order_count > 99 ? '99+' : number.arrive_order_count
            }}</view>
						<view>
							<i-icon icon="iconshouye-daodianjilu" color="#FFCF00" size="52rpx"></i-icon>
						</view>
						<view class="card-menu-name">到店记录</view>
					</view>

					<view @click="goPage('/pages_afterSales/order/orderList/orderList')"
						style="width: 20%; position: relative">
						<view class="cas" v-if="number.order_count">{{
              number.order_count > 99 ? '99+' : number.order_count
            }}</view>
						<view>
							<i-icon icon="iconshouye-daodianjilu" color="#0FB97F" size="52rpx"></i-icon>
						</view>
						<view class="card-menu-name">门店订单</view>
					</view>

					<view @click="goPage('/pages_common/pages_index/archives/archives')"
						style="width: 20%; position: relative">
						<view class="cas" v-if="number.user_record">{{
              number.user_record > 99 ? '99+' : number.user_record
            }}</view>
						<view>
							<i-icon icon="iconkehudangan" color="#3296FA" size="52rpx"></i-icon>
						</view>
						<view class="card-menu-name">客户档案</view>
					</view>
					<view @click="goPage('/pages_common/bookingManagement/bookingManagement')"
						style="width: 20%; position: relative">
						<view class="cas" v-if="bookingTotle">{{
					    bookingTotle > 99 ? '99+' : bookingTotle
					  }}</view>
						<view>
							<i-icon icon="iconshouye-yuyueguanli" color="#3296FA" size="52rpx"></i-icon>
						</view>
						<view class="card-menu-name">预约管理</view>
					</view>
					<view @click="goPage('/pages_afterSales/order/couponOrder/couponOrder')"
						style="width: 20%; position: relative">
						<!-- <view class="cas" v-if="number.user_record!==0">{{number.user_record>99?'99+':number.user_record}}</view> -->
						<view>
							<i-icon icon="iconfuwuyanmadingdan" color="#00CB86" size="52rpx"></i-icon>
						</view>
						<view class="card-menu-name">验码订单</view>
					</view>
					<!-- <view v-for="(item,index) in navMenu" :key='index' @click="goPage(item.path)" style="width: 20%;position: relative;">
						<view class="cas">{{number.order_count}}</view>
            <view>
              <i-icon :icon="item.icon" :color="item.color" size="52rpx"></i-icon>
            </view>
            <view class="card-menu-name">{{item.text}}</view>
          </view> -->
				</view>

				<!-- 货源服务 -->
				<view class="card-title flex flex-jc-sb" style="margin-top: 40rpx">
					<view class="title">货源服务</view>
				</view>
				<view class="flex card-menu">
					<view @click="goPage('/pages_carGoods/carGoods/carGoods')" style="width: 20%">
						<view>
							<i-icon icon="iconshouye-meihubaojingpin_1" size="52rpx" color="#3296FA"></i-icon>
						</view>
						<view class="card-menu-name">车品</view>
					</view>
					<view @click="
              goPage('/pages_findAccessory/accessoryIndex/accessoryIndex')
            " style="width: 20%">
						<view>
							<i-icon icon="iconshouye-xunpeijian" size="52rpx" color="#F4715A"></i-icon>
						</view>
						<view class="card-menu-name">寻配件</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				number: {}, //数量
				list:[],
				bgc: {
					'background-color': 'rgb(51,51,51)',
				},
				storeList: [],
				storeListShow: false,
				store: {},
				// 门店经营
				navMenu: [{
						color: '#FFCF00',
						path: '/pages_afterSales/arrivalRecordList/arrivalRecordList',
						text: '到店记录',
						icon: 'iconshouye-daodianjilu',
					},
					{
						color: '#0FB97F',
						path: '/pages_afterSales/order/orderList/orderList',
						text: '门店订单',
						icon: 'iconshouye-mendiandingdan',
					},
					// 暂时隐藏
					// {
					// 	color: '#FFA42C',
					// 	path: '',
					// 	text: '预约管理',
					// 	icon: 'iconshouye-yuyueguanli'
					// },
					// {
					// 	color: '#F4715A',
					// 	path: '',
					// 	text: '调度',
					// 	icon: 'icontiaodu'
					// },
					{
						color: '#3296FA',
						path: '/pages_common/pages_index/archives/archives',
						text: '客户档案',
						icon: 'iconkehudangan',
					},
				],
				isDown: true,
				//货源服务
				typeMenu: [{
						type: 0,
						path: '/pages_afterSales/welcomeGuest/welcomeGuest',
						icon: 'shouhouyingke',
						text: '迎客',
					},
					{
						type: 1,
						path: '',
						icon: 'shouhousaoyisao',
						text: '核销验码',
					},
				],
				status: 0,
				storeId: '', //店铺id
				profit: {}, //收益列表
				bookingTotle:0,//预约总条数
			}
		},

		created() {
			this.GetBookingManagementList()
			this.getStoreList()
			this.handleAuthContent()
			this.role = this.$store.state.user.userInfo.role
			this.storeId = uni.getStorageSync('userInfoDetail').store.storeId
			this.getStoreEarnings()
			this.getNumber()
			this.LoginChooseStore()
		},
		methods: {
			async LoginChooseStore() {
			  try {
			    let data = {
			      'pageIndex': 1,
			      'pageSize': 100,
			      'mobile': uni.getStorageSync('Ztc_B_USER_INFO').mobile
			    }
			    const res = await this.$api.user.LoginChooseStore(data)
			    console.log(res)
			    this.list = res.data.list
			
			  } catch (e) {
			    console.log(e)
			    //TODO handle the exception
			  }
			},
			async EnterCompany(item,index) {
			  console.log(item)
				 this.clicktrue=true
				 uni.showLoading({
				 	title: '正在切换店铺'
				 })
			  let role = ''
			  if (this.list[index].role === 0) {
			    role = '员工'
			  } else if (this.list[index].role === 1) {
			    role = '管理员'
			  } else if (this.list[index].role === 2) {
			    role = '超级管理员'
			  }
			  let store = {
			    companyName: this.list[index].companyname,
			    storeId: this.list[index].store_id,
			    storeName: this.list[index].store_name,
			    isPay: this.list[index].deposit_balance > 0 ? true : false
			  }
			  let user = {
			    headImg: this.list[index].headportrait,
			    jobName: this.list[index].job,
			    roleName: role,
			    userName: this.list[index].truename
			  }
			  try {
			    const res = await this.$api.store.SwitchStoreInfo({
			      Storeid: this.list[index].store_id,
			    })
			    // 储存用户登录基本信息
			    uni.setStorageSync('Ztc_B_USER_INFO', res.data)
			    uni.setStorageSync('token', res.data.token)
			  } catch (err) {
			    console.log(err)
			  }
			  let userInfo = this.$store.state.userInfoDetail
			  userInfo.store = store
			  user.isPWD=userInfo.user.isPWD
			  user.login=userInfo.user.login
			  userInfo.user = user
			  uni.setStorageSync('userInfoDetail', userInfo)
			  this.$store.commit('setUserInfoDetail', userInfo)
			
			  let userMsg = this.$store.state.user.userInfo
			  userMsg.tid = this.list[index].accountid
			  userMsg.permious = this.list[index].permious
			  userMsg.merchant_type=this.list[index].merchant_type
			  userMsg.examine_status=this.list[index].examine_status
			  userMsg.role = this.list[index].role
			  this.$store.commit('user/setUserInfo', userMsg)
			  this.$store.commit('setUserInfo', userMsg)
			  //用户信息存储
			  uni.setStorage({
			    key: 'Ztc_B_USER_INFO',
			    data: userMsg,
			  })
			  console.log(this.$store.state)
			  uni.reLaunch({
			    url: '/pages/index/index',
			  })
			  uni.hideLoading()
			},
			//预约管理
			async GetBookingManagementList(){
			  try{
			    let data = {
			      'pageIndex': 1,
			      'pageSize': 100,
			      'storeId': this.$store.state.userInfoDetail.store.storeId,
			      'date': '',//this.selectedDate
						'plateNumber': null,
						'userMobile': null
			    }
			    const res = await this.$api.common.getBookingManagementList(data)
			    this.bookingTotle = res.data.list.length
			  }catch(e){
			    //TODO handle the exception
			  }
			},
			async getNumber() {
				let storeId = uni.getStorageSync('userInfoDetail').store.storeId
				try {
					let data = {
						store_id: storeId,
					}
					const res = await this.$api.home.storeManagementMessage(data)
					this.number = res.data
				} catch (e) {
					//TODO handle the exception
				}
			},
			createCompany(url) {
				if (url === '#') {
					uni.showToast({
						title: '敬请期待',
						icon: 'none',
					})
				} else {
					uni.navigateTo({
						url: url,
					})
				}
			},
			//养车首页
			async getStoreEarnings() {
				let storeId = uni.getStorageSync('userInfoDetail').store.storeId
				try {
					let data = {
						storeId: storeId,
					}
					const res = await this.$api.banner.getStoreEarnings(data)
					this.profit = res.data
				} catch (e) {
					//TODO handle the exception
				}
			},
			// 处理权限显示的内容
			handleAuthContent() {
				// 获取权限和企业店铺信息
				this.store = uni.getStorageSync('userInfoDetail').store
			},
			// 切换店铺
			async switchStoreInfo(item) {
				this.storeListShow = !this.storeListShow
				uni.showLoading({
					title: '正在切换店铺',
				})
				try {
					const res = await this.$api.store.SwitchStoreInfo({
						Storeid: item.storeId,
					})
					// 储存用户登录基本信息
					uni.setStorageSync('Ztc_B_USER_INFO', res.data)
					uni.setStorageSync('token', res.data.token)
					this.$store.commit('user/setUserInfo', res.data)
					this.$store.commit('setUserInfo', res.data)
					this.getUserInfoStore()
				} catch (err) {
					console.log(err)
				}
				uni.hideLoading()
			},
			// 获取店铺列表
			async getStoreList() {
				try {
					const res = await this.$api.store.GetStoreList({
						PageIndex: 1,
						PageSize: 100,
					})
					
					let storeId = this.store.storeId
					// 店铺列表
					this.storeList = res.data.list.filter(
						(item) => item.storeId !== storeId
					)
					// 当前店铺
					this.store = res.data.list.find((item) => item.storeId === storeId)
				} catch (err) {
					console.log(err)
				}
			},
			// 切换店铺完成后，获取用户信息
			async getUserInfoStore() {
				try {
					const res = await this.$api.user.getUserInfo()
					// 储存用户详细信息
					uni.setStorageSync('userInfoDetail', res.data)
					this.$store.commit('setUserInfoDetail', res.data)

					this.handleAuthContent() // 处理权限显示的内容
					// 重新获取店铺列表
					this.getStoreList()
					// 退出tim的登录
					this.timSignOut()
				} catch (e) {
					//TODO handle the exception
				}
			},

			// 退出tim登录
			timSignOut() {
				this.tim
					.logout()
					.then((res) => {
						this.$store.commit('news/reset')

						// 获取tim信息
						this.getTimInfo()
					})
					.catch((err) => {
						console.log('退出失败')
					})
			},

			// 获取tim信息
			getTimInfo() {
				this.$api.news
					.getTimInfo({
						storeId: this.$store.state.userInfoDetail.store.storeId,
					})
					.then((res) => {
						this.$store.commit('news/setUer', {
							userId: res.data.userid,
							user: res.data.username !== null ?
								res.data.username :
								this.$store.state.userInfoDetail.store.storeName,
							img: res.data.img,
							userSig: res.data.usersig,
						})
						this.timLogin()
					})
			},

			// 登录tim
			timLogin() {
				this.tim
					.login({
						userID: this.$store.state.news.userId,
						userSig: this.$store.state.news.userSig,
					})
					.then((res) => {
						//登录成功后 更新登录状态
						this.$store.commit('news/toggleIsLogin', true)
						//tim 返回的用户信息
						// uni.setStorageSync('userTIMInfo', JSON.stringify(res.data))
						// this.$store.commit('createConversationActive', item.Tid)
					})
					.catch((err) => {
						console.warn('login error:', err) // 登录失败的相关信息
					})
			},

			goMargin() {
				uni.navigateTo({
					url: '/pages_common/pages_me/margin/margin',
				})
			},
			// 企业店铺列表下拉显示
			storeListDown() {
				this.storeListShow = !this.storeListShow
			},

			// 点击遮罩层，收起企业店铺列表
			clickMask() {
				this.storeListShow = false
			},

			onScan(i) {
				if (this.typeMenu[i].type === 0) {
					uni.navigateTo({
						url: this.typeMenu[i].path,
					})
				} else if (this.typeMenu[i].type) {
					// #ifdef APP-PLUS

					this.scan()
					// #endif
					// #ifndef APP-PLUS
					uni.showToast({
						title: '暂不支持此操作',
						icon: 'none',
						duration: 2000,
					})
					// #endif
				}
			},
			getUrlParam(url) {
			  let obj = {}
			  let str = url.split("?")[1].split("&")
			  for (let i = 0; i < str.length; i++) {
			      let a = str[i].split('=')
			      obj[a[0]] = a[1]
			  }
			  return obj;
			},
			//扫一扫
			scan() {
				uni.scanCode({
					success: (res) => {
						let data = null
						if(res.result.indexOf('http')>-1){
							data = this.getUrlParam(res.result)
						}else{
							data = JSON.parse(res.result)
						}
						/* if(typeof JSON.parse(res.result) === Object){
							let data = JSON.parse(res.result)
						}else{
							let datas = this.getUrlParam(res.result)
						} */
						if (data.state === "2") {
							//订单码
							uni.navigateTo({
								url: '/pages_order/writeOff/writeOff?id=' + data.id,
							})
						} else if (data.state === 8) {
							//优惠券码
							uni.showLoading()
							this.$api.afterSales
								.getCarNumberByCoupon({
									id: data.id
								})
								.then((res) => {
									uni.hideLoading()
									this.$store.commit('afterSales/setUserInfo2', {
										userId: res.data.accountid,
										userImg: res.data.headportrait ? res.data.headportrait :
											'',
									})
									this.getUserInfo({
											carNum: res.data.car_num ? res.data.car_num : '',
											mobile: res.data.mobile ? res.data.mobile : '',
										},
										data.Is_Package,
										data.id,
										data.isNeedAddCar
									)
								})
								.catch((err) => {
									uni.hideLoading()
									console.log(err)
								})
						} else {
							uni.showToast({
								title: '请出示维保订单核销码/优惠券码/套餐码',
								icon: 'none',
							})
						}
					},
					fail: (err) => {
						uni.hideLoading()
					},
				})
			},

			//查询用户信息
			//订单状态 0、排队中 1、等待技师确认 2、取消排队 10、施工中 11、暂停施工 12、完成(未取车) 20、完成  30、取消
			getUserInfo(data, isPackage, packageId, isNeedAddCar) {
				this.$api.afterSales
					.getArrivalInfo(data)
					.then((res) => {
						// 保存客户信息
						if (res.data.userInfo) {
							this.$store.commit('afterSales/setUserInfo', res.data.userInfo)
						}
						this.$store.commit('afterSales/setServeAndQueue', {
							service: res.data.service,
							queue: res.data.queue,
						})
						// 保存车辆信息
						if (res.data.carList.length) {
							if (isPackage && !isNeedAddCar && data.carNum) {
								let carList = res.data.carList.map((item) => {
									if (item.carNum === data.carNum) {
										return item
									}
								})
								if (carList.length) {
									this.$store.commit('afterSales/setArrivalCar', carList[0])
								} else {
									this.$store.commit(
										'afterSales/setArrivalCar',
										res.data.carList[0]
									)
								}
							} else {
								this.$store.commit(
									'afterSales/setArrivalCar',
									res.data.carList[0]
								)
							}
							this.$store.commit('afterSales/setCarList', res.data.carList)
						}
						uni.hideLoading()
						if (res.data.arriveId) {
							//已有到店单-跳转到店单详情
							uni.navigateTo({
								url: '/pages_afterSales/arrivalRecordDeatil/arrivalRecordDeatil?id=' +
									res.data.arriveId,
							})
						} else if (res.data.userInfo && res.data.userInfo.orderCount > 0) {
							// 客户端已有维保单 - 进入创建到店单
							uni.navigateTo({
								url: '/pages_afterSales/createToStoreRecord/createToStoreRecord?isPackage=0',
							})
						} else {
							// 客户端无维保订单-进入创建到店单-福利包进入选商品下单 / 优惠券进入下单
							let packageStatus = isPackage ? 1 : 2
							uni.navigateTo({
								url: '/pages_afterSales/createToStoreRecord/createToStoreRecord?isPackage=' +
									packageStatus +
									'&packageId=' +
									packageId +
									'&isNeedAddCar=' +
									isNeedAddCar,
							})
						}
					})
					.catch(() => {
						uni.hideLoading()
					})
			},
			async GetBusOrderDetails(id) {
				try {
					let data = {
						orderid: id,
					}
					const res = await this.$api.afterSales.GetBusOrderDetails(data)

					this.status = res.data.status
					if (this.status === 30) {
						uni.navigateTo({
							url: '/pages_order/writeOff/writeOff?id=' + id,
						})
					} else {
						uni.showToast({
							title: '没有该订单',
							icon: 'none',
						})
					}
				} catch (e) {
					//TODO handle the exception
				}
			},
			goPage(url) {
				if (url === '') {
					uni.showToast({
						title: '敬请期待',
						icon: 'none',
					})
				} else {
					uni.navigateTo({
						url: url,
					})
				}
			},
			downUp() {
				this.isDown = !this.isDown
			},
		},
	}
</script>

<style lang="scss" scoped>
	.cas {
		position: absolute;
		right: 3%;
		top: -30%;
		color: #ffffff;
		font-size: 20rpx;
		padding: 5rpx 10rpx 5rpx 10rpx;
		background: #eb5c02;
		border-radius: 20rpx 20rpx 20rpx 0px;
	}

	.price {
		font-size: 40rpx !important;
	}

	// 状态栏占位
	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
		background-color: #fbd220;
		position: relative;
		z-index: 99;
	}

	.box {

		// 头部
		.header {
			background-color: #fbd220;
			height: 376rpx;
			// padding: 0 22rpx;

			&-title {
				color: #333333;
				font-size: 32rpx;
				font-weight: bold;
				padding-top: 23rpx;
			}

			//导航菜单
			.menu {
				// margin-top: 40rpx; 

				// icon
				&-icon {
					text-align: center;
				}
			}
		}

		// 下拉框
		.down {
			position: absolute;
			top: -300rpx;
			width: 90%;
			border-radius: 15rpx;
			background-color: #fff;
			transition: all 0.3s linear;
		}

		.up {
			transform: translateY(400rpx);
		}

		.card-container {
			transform: translateY(-100rpx);
			padding: 0 24rpx;
		}

		//门店服务
		.card {
			background: #ffffff;
			border-radius: 10rpx;
			box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);

			&-dw {
				margin-bottom: 30rpx;
			}

			.md-server {
				padding: 0 30rpx 25rpx 30rpx;
				display: flex;
				justify-content: space-between;
				text-align: center;

				.text {
					margin-top: 32rpx;
					font-size: 26rpx !important;
				}

				view {
					display: flex;
					flex-direction: column;

					text:nth-of-type(1) {
						font-size: 34rpx;
						font-family: PingFang SC;
						font-weight: bold;
						color: #eb5c02;
					}

					text:nth-of-type(2) {
						font-size: 28rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #666666;
					}
				}
			}

			&-menu {
				// margin: 0 24rpx;
				text-align: center;

				&-name {
					font-size: 26rpx;
					font-weight: 500;
					color: #666666;
				}
			}

			// 文本label标题
			.card-menu-name {
				margin-top: 24rpx;
			}
		}

		// 首页每个小模块标题
		.card-title {
			padding: 28rpx 20rpx 30rpx;

			.title {
				font-size: 32rpx;
				color: #666666;
				font-weight: bold;
			}
		}

		//货源服务
		.server {
			padding-bottom: 29rpx;
			// margin-top: 30rpx;
		}

		// 门店经营
	}

	// 遮罩层
	.mask {
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba($color: #000000, $alpha: 0.5);
		z-index: 2;
		transition: all 0.4s;

		&.mask-hide {
			visibility: hidden;
			opacity: 0;
		}

		&.mask-show {
			visibility: visible;
			opacity: 1;
		}
	}

	// 头部分
	// 企业店铺信息
	.store-box {
		position: relative;

		.store-list {
			width: 100%;
			position: absolute;
			bottom: 0;
			background-color: #fff;
			z-index: 3;
			// box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
			border-radius: 0px 0px 20rpx 20rpx;
			transition: all 0.4s;

			.list {
				padding: 0 24rpx 0 86rpx;

				.item {
					padding: 30rpx 0;
					border-top: 1px solid #eee;
				}
			}

			.btn {
				padding: 20rpx 160rpx 30rpx;
			}
		}

		.store-list-down {
			transform: translateY(100%);
		}
	}

	// 头部分
	.header-section {
		background-color: #fbd220;

		.store-box {
			.store-name .text {
				margin-right: 12rpx;
				font-size: 34rpx;
				font-weight: bold;
				color: #333333;
			}
		}

		.user-info {
			.com-name {
				font-size: 26rpx;
				font-weight: 500;
				color: #333333;
				line-height: 45rpx;
			}
		}

		.store-info {
			position: relative;
			z-index: 6;
			padding: 40rpx 22rpx 20rpx;
			background-color: #fbd220;

			.iconshouye-zhankai_2 {
				transform: scale(0.4);
			}

			.info-box {
				margin-left: 12rpx;

				.store-name {
					margin-right: 12rpx;
					font-size: 34rpx;
					font-weight: bold;
					color: #333333;

					.icon {
						display: inline-block;
						overflow: hidden;
						line-height: 34rpx;
					}
				}
			}
		}
	}
</style>
